<html>
	<head>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<script src="/scfire/js/jquery-1.10.2.js"></script>
 		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 	<script type="text/javascript">

 	wx.config({
 	    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
 	    appId: '${appid}', // 必填，公众号的唯一标识
 	    timestamp: "${timestamp}", // 必填，生成签名的时间戳
 	    nonceStr: '${nonceStr}', // 必填，生成签名的随机串
 	    signature: '${signature}',// 必填，签名，见附录1
 	    jsApiList: [
 	               'checkJsApi',
 	              'chooseWXPay'
 	            ]
 	});
    </script>
	</head>
	<body >
		<form action="" method="post">
			商品内容：<input type="text" name="body" value="" id="body"/><br/>
			商品明细：<input type="text" name="detail" value="" id="detail"/><br/>
			商品价格：<input type="text" name="total_fee" value="" id="total_fee"/><br/>
			<input type="button" id="button" onclick="tijiao()" value="付款" style="height=20px;width=100px;" />
		</form>	
		<script type="text/javascript">
			function tijiao(){
				
				 $.ajax({
		             type: "post",
		             url: "/scfire/pay/order",
		             data: {
		            	 body:$("#body").val(),
			             detail:$("#detail").val(),
		            	 total_fee:$("#total_fee").val()
		             },
		             dataType: "json",
		             async : true,
		             success:function(data){
						wx.chooseWXPay({
	                        timestamp: data.timeStamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
	                        nonceStr: data.nonce_str, // 支付签名随机串，不长于 32 位
	                        package: 'prepay_id='+data.prepay_id, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）
	                        signType: 'MD5', // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
	                        paySign: data.paySign, // 支付签名
	                        success: function (res) {
	                            alert('---支付成功--');



	                            
	                        },
	                        error : function (res){
		                        alert(res+"---------------");
		                        console.log(res);
		                    }
	                    });   
						console.log(wx);
			         },
			         error:function(data){

						alert("error");
				     }



			});
			}
		</script>
	
	</body>


</html>